<!DOCTYPE html>
<html lang="en">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <meta content="no-cache" http-equiv="Cache-Control" />
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="telephone=no" name="format-detection" />
  <title>充值</title>
  <link rel="stylesheet" href="../css/weui.min.css">
  <link rel="stylesheet" href="../css/style.css">
</head>
<body>
<div class="weui-mask loading-bg"></div>
<div class="main" id="main" style="overflow: auto">

  <div class="add-friend-count">可用积分：<span class="num">{{addNum}}</span> </div>

  <div class="recharge-list">
    <div class="recharge-item weui-flex" v-for="item in rechargeOptions" @click="selectRechargeItem(item)" :class="{ active: selectItem == item }">
      <div class="price">{{item.Price}}元</div>
      <div class="label"><span class="num">{{item.AddTimes}}积分</span></div>
    </div>
  </div>
  <a href="javascript:;" class="weui-btn weui-btn_primary recharge-btn" style="background-color: #FC3254" @click="pay(1, $event)">立即充值</a>
  <div class="rechage-remark-btn">点击立即充值，即表示您已同意<a @click="showMask = true">《充值协议》</a></div>
  <div class="weui-mask" v-show="showMask" @click="showMask = false" style="display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;z-index: 4999">
    <div class="rechage-remark">
      尊敬的用户，为保障你的合法权益，请在点击“立即充值”按钮前，完整、仔细地阅读本充值协议。当你继续点击“立即充值”按钮，即视为你已阅读、理解本协议，并同意按以下协议执行。<br/><br/>
      1、本系统只提供以上在线方式充值；<br/>
      2、充值后自动转化为积分，使用不设有效期，不能转移或转赠；<br/>
      3、充值后不能退还，请根据自己的使用情况充值，我们对充值次数不设限制；<br/>
      4、发票金额根据我们已收到的充值金额开具，如有需要请在公众号里直接跟我们沟通。
    </div>
  </div>
</div>
<script type="text/javascript" src="../js/tools/weui.js"></script>
<script type="text/javascript" src="../js/tools/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/tools/vue.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/serviceInterface/serviceInterface.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../js/pages/recharge.js"></script>
</body>
</html>